<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />

	<title>智心之家</title>

	<link rel="stylesheet" href="css/ui.css" />

	<style type="text/css">
		body {
			background: linear-gradient(126deg, #4e7ae7 0%, #69a7f5 100%);
		}
		
		.body-bg {
			/* z-index: 1;
			background: url('./image/pic/app_download.png') center center no-repeat;
			background-size: auto 100%; */
		}
		
		header {
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
			z-index: 3;
			background: transparent;
			text-align: center;
			line-height: 40px;
		}
		
		footer {
			position: absolute;
			left: 0;
			bottom: 0;
			right: 0;
			z-index: 2;
			background: transparent;
			text-align: center;
		}
	</style>
</head>

<body>
	<div class="body-bg full-abs"></div>

	<header class="no-line">
		<!-- <p class="txt-h1 is-light" style="color:#f4ea2a; font-weight: bold;">请在浏览器中打开，下载安装</p> -->
	</header>
	<div class="flex-wrap-center flex-wrap-v" style="height: 80%;">
		<p class="txt-h1" style="color:#f4ea2a; font-weight: bold; margin-bottom: 30px;">请在浏览器中打开，下载安装</p>
		<img src="./image/app_logo/BaiAnDrugApp3.png" class="box-shadow box-round" style="border-radius: 40px; width:200px;">
		<p class="txt-h1 is-light padding-v">智心之家</p>
		<!-- <p class="txt-desc is-light">版本号：v1.0.1</p> -->
	</div>
	<footer class="no-line">
		<p class="divider"></p>
		<a class="button success is-round margin-vh" href="apk/BaiAnDrugApp3.apk"><i class="dwz-icon-download"></i>Android 版下载</a>
		<a class="button primary is-round margin-vh" href="https://apps.apple.com/cn/app/智心之家/id1515397326" target="_blank"><i class="dwz-icon-download"></i>iOS 版下载</a>
		<p class="divider"></p>
		<p class="txt-info">浙江佰安信息技术有限公司</p>
		<p class="divider"></p>
	</footer>
</body>

</html>